import {Tooltip, TooltipContent, TooltipTrigger} from "@src/components/Tooltip";
import {newUserType} from "../../index.tsx"

/**
 * 用户灵位
 * */
const UserMemorialTablet = ({newUser}: { newUser: newUserType[] }) => {
    return <div>
        <ul className="user-memorial-tablet">
            {newUser.map((item) => <li key={item.name}>
                <Tooltip open={item.contentIsShow}>
                    <TooltipTrigger>
                        <div className="user-div">
                            <img className="userHead" src={item.avatar} alt=""/>
                            <p className="text-overflow-1">{item.name}</p>
                        </div>
                    </TooltipTrigger>
                    <TooltipContent>
                        <p className="text-overflow-2">{item.newContent}</p>
                    </TooltipContent>
                </Tooltip>
            </li>)}

        </ul>
    </div>
}
export default UserMemorialTablet